<%@ page language="java" pageEncoding="utf8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" href="<c:url value="/css/shopadmin.css"/>" type="text/css" />
	</head>
	<body style="">
		<div id="headBar" class="head_content"></div>
		<div id="main" class="main_content">
			<form method="post" action="sys_role_save.html" class="tableform" id="role_form">
				<input type="hidden" value="${systemRoles.roleId }" name="systemRoles.roleId">
					<div class="division">
						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tbody>
								<tr>
									<th>
										角色名称:
									</th>
									<td>
										<input type="text" value="${systemRoles.roleName }" name="systemRoles.roleName" class="x-input " />
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="division">
						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tbody>
								<tr>
									<th>
										角色描述:
									</th>
									<td>
										<textarea name="systemRoles.roleDescription" style="width: 360px; height: 40px;">${systemRoles.roleDescription}</textarea>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="division">
						<table width="100%" cellspacing="0" cellpadding="0" border="0">
							<tbody>
								<tr>
									<th>
										权限选择:
									</th>
									<td>
										<c:forEach var="action" items="${systemRoleActions}" varStatus="index">
											<div>
												<input type="hidden" value="${action.raId}" name="systemRoleActions[${index.index}].raId" />
												<input type="checkbox" value="${action.actionId}" <c:if test="${not empty  action.raId}">checked="checked"</c:if> name="systemRoleActions[${index.index}].actionId" />
												<label style="margin-right: 50px;">
													${action.actionName}
												</label>
											</div>
										</c:forEach>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="table-action">
						<button class="btn" type="submit">
							<span><span>提交</span> </span>
						</button>
					</div>
			</form>
		</div>
		<div id="footBar" class="foot_content"></div>



		<script type="text/javascript" src="<c:url value='/scripts/jquery-1.4.2.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/scripts/jquery.validate.js'/>"></script>
		<script type="text/javascript">
	$(document).ready(function() {
		var validator = $("#role_form").validate( {
			errorElement : "div",
			errorClass : "x-vali-error",
			onfocusout : false,
			rules : {
				'systemRoles.roleName' : "required"
			},
			messages : {
				'systemRoles.roleName' : "必填字段"
			},
			errorPlacement : function(error, element) {
				element.removeClass('x-vali-error');
				error.appendTo(element.parent());

			},

			success : function(div) {
				$(div).remove();
			}
		});
	});
</script>
	</body>
</html>